 .banner{
    width: 100%;
    height: 269px;
 }
 .design{
    width: 100%;
    height: 1042px;
 }
 .about{
    width: 100%;
     height: 100px;
     background-color: #4d4d4d;
 }
 
 .h{
    width: 1200px;
    margin: 0 auto;
}

.banner{
    text-align: center;
}
.banner img{
    width: 100%;
}



.design .con-1{
    text-align: center;
    font-size: 26px;
    color: #444444;
    margin-top: 100px;
}
.design .con-2{
    text-align: center;
    color: #c1c1c1;
    margin-bottom: 60px;
}
.design .des-item{
    width: 300px;
    height: 745px;
}
.design .des-item img{
    display: block;
}

.design .des-item{
    float: left;
    text-align: center;
    padding-bottom: 33px;
    border-bottom: 2px solid #b9ab77;
    margin-right: 150px;
}
.design .des-item.mr0{
    margin-right: 0px;
}
.design .des-con1{
    font-size: 18px;
    color: #2e2e2e;
    margin-top: 41px;
}
.design .des-con2{
    font-size: 14px;
    color: #a4a4a4;
    margin-top: 15px;
}
.design .des-con3{
    font-size: 14px;
    color: #a4a4a4;
    margin-top: 38px;
}
.design .des-list .mo{
    margin: 0 auto;
    display: block;
    width: fit-content;
    font-size: 12px;
	color: #b9ab77;
    padding: 18px 56px 17px 59px;
    margin-top: 48px;
    border: 2px solid #b9ab77;
    
}






.about .about1{
    float: left;
    margin-top: 39px;
}
.about .p1{
   font-size: 12px;
   color: #ffffff;
}
.about .p2{
   font-size: 12px;
   color: #ffffff;
    margin-top: 12px;
}
.about .about2{
    float: right;
}
.about .about2 .us{
   margin-top: 45px;
}
.about .about2 .us-item{
    float: left ;
    font-size: 12px;
   color: #ffffff;
    margin-left: 64px;
}
